<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Markdown 基础语法 | [白木]🗞️纸鸢社</title>
    
    <meta name="generator" content="VitePress v1.6.4">
    <link rel="preload stylesheet" href="/assets/style.DLQwev2y.css" as="style">
    <link rel="preload stylesheet" href="/vp-icons.css" as="style">
    <script type="module" src="/assets/chunks/metadata.0e54e9e8.js"></script>
    <script type="module" src="/assets/app.-_1cx-Jq.js"></script>
    <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/assets/chunks/theme.DV0DeE8E.js">
    <link rel="modulepreload" href="/assets/chunks/framework.DSs1xiyI.js">
    <link rel="modulepreload" href="/assets/100.VitepressTeek_02.Markdown相关_002.Markdown基础语法.md.CkSdhgMz.lean.js">
    <link rel="icon" type="image/svg+xml" href="https://mu.baimu.live/a/img/shiroki-logo-mini.svg">
    <link rel="icon" type="image/png" href="https://mu.baimu.live/a/img/ico-baimu.png">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="zh-CN">
    <meta property="og:title" content="🗞️纸鸢社 | 灵阈研都💕">
    <meta property="og:site_name" content="一座不设围墙的异世界研究都市">
    <meta property="og:image" content="https://mu.baimu.live/a/img/shiroki-logo-600.png">
    <meta property="og:url" content="https://baimu.live">
    <meta property="og:description" description="🗞️纸鸢社,雨霁现虹，万象并陈,让知识像纸鸢一样，既御风而行，也始终有线牵引">
    <meta name="description" description="🗞️纸鸢社,雨霁现虹，万象并陈,让知识像纸鸢一样，既御风而行，也始终有线牵引">
    <meta name="author" content="白木">
    <meta name="keywords" description="🗞️纸鸢社,雨霁现虹，万象并陈,让知识像纸鸢一样，既御风而行，也始终有线牵引">
    <meta name="baidu-site-verification" content="codeva-GdK2q9MO1i">
    <meta name="msvalidate.01" content="48CABE70F538B8D117567176ABF325AF">
    <script>typeof LA<"u"&&LA.init({id:"3LqfP8Icg0GeEvtn",ck:"3LqfP8Icg0GeEvtn",hashMode:!0});</script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body><!--teleport start anchor--><div style="display:none;" class="tk-spotlight-hover tk-spotlight-hover__aside" aria-hidden="true" focusable="false"></div><!--teleport anchor-->
    <div id="app"><!--[--><!--[--><div class="tk-route-loading"><div class="tk-route-loading__mask" style=""><div class="tk-route-loading__loader"><div class="tk-route-loading__spinner"></div><p>🤺加🤸🏻载🤾🏻中...</p></div></div></div><!--]--><!----><!----><!--[--><!----><div class="tk-notice tk-wallpaper-outside" aria-label="公告栏"><!----><div class="tk-notice__icon twinkle flx" style="display:none;" role="button" aria-label="打开公告弹窗"><i class="tk-icon" style="--icon-color:#ffffff;--icon-size:14px;--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg
    t="1716085184855"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4274"
    width="200"
    height="200"
  >
    <path
      fill="currentColor"
      d="M660.48 872.448q6.144 0-3.584 15.36t-29.696 33.792-47.104 33.792-57.856 15.36q-27.648 0-53.248-15.36t-45.056-33.792-29.696-33.792-6.144-15.36l272.384 0zM914.432 785.408q7.168 9.216 6.656 17.92t-4.608 14.848-10.24 9.728-12.288 3.584l-747.52 0q-14.336 0-20.992-11.776t4.608-29.184q17.408-30.72 40.96-68.608t44.544-81.408 36.352-92.16 15.36-101.888q0-51.2 14.336-92.16t37.376-71.68 53.248-52.224 62.976-32.768q-16.384-26.624-16.384-55.296 0-41.984 28.672-70.656t70.656-28.672 70.656 28.672 28.672 70.656q0 14.336-4.096 28.16t-11.264 25.088q34.816 11.264 66.048 32.768t54.272 53.248 36.864 72.704 13.824 91.136q0 51.2 15.36 100.864t36.864 94.208 45.568 81.408 43.52 63.488zM478.208 142.336q0 16.384 11.264 28.16t27.648 11.776l2.048 0q16.384-1.024 27.648-12.288t11.264-27.648q0-17.408-11.264-28.672t-28.672-11.264-28.672 11.264-11.264 28.672z"
      p-id="4275"
    />
  </svg></i></div><div class="tk-notice__popover is-center" style="" role="dialog" aria-modal="true" aria-labelledby="notice-title"><!--[--><div class="tk-notice__popover__header flx-justify-between" aria-label="公告头部区域"><div class="flx-align-center"><i class="tk-icon" style="--icon-color:#ffffff;--icon-size:20px;--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg
    t="1716085184855"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4274"
    width="200"
    height="200"
  >
    <path
      fill="currentColor"
      d="M660.48 872.448q6.144 0-3.584 15.36t-29.696 33.792-47.104 33.792-57.856 15.36q-27.648 0-53.248-15.36t-45.056-33.792-29.696-33.792-6.144-15.36l272.384 0zM914.432 785.408q7.168 9.216 6.656 17.92t-4.608 14.848-10.24 9.728-12.288 3.584l-747.52 0q-14.336 0-20.992-11.776t4.608-29.184q17.408-30.72 40.96-68.608t44.544-81.408 36.352-92.16 15.36-101.888q0-51.2 14.336-92.16t37.376-71.68 53.248-52.224 62.976-32.768q-16.384-26.624-16.384-55.296 0-41.984 28.672-70.656t70.656-28.672 70.656 28.672 28.672 70.656q0 14.336-4.096 28.16t-11.264 25.088q34.816 11.264 66.048 32.768t54.272 53.248 36.864 72.704 13.824 91.136q0 51.2 15.36 100.864t36.864 94.208 45.568 81.408 43.52 63.488zM478.208 142.336q0 16.384 11.264 28.16t27.648 11.776l2.048 0q16.384-1.024 27.648-12.288t11.264-27.648q0-17.408-11.264-28.672t-28.672-11.264-28.672 11.264-11.264 28.672z"
      p-id="4275"
    />
  </svg></i><span id="notice-title" class="title sle">公告</span></div><i class="tk-icon tk-pointer" style="--icon-color:#ffffff;--icon-size:20px;--icon-color-hover:var(--tk-theme-color);" role="button" aria-label="关闭公告弹窗"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
    <path
      fill="currentColor"
      d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
    ></path>
  </svg></i></div><!--]--><div class="tk-notice__popover__content" aria-label="公告内容"><!--[--><!--[--><div class="notice" data-v-1002f63b><p data-v-1002f63b>泥嚎\(@^0^@)/</p><p class="" data-v-1002f63b>🗼欢迎来到灵阈研都的纸鸢社🗞️~</p></div><!--]--><!--]--></div></div><div class="tk-notice__mask" role="presentation" style=""></div></div><div class="tk-right-bottom-button tk-wallpaper-outside flx-column"><!--[--><!--]--><!----><!----><!----><!--[--><!--]--></div><!--]--><div class="Layout tk-layout has-sidebar-trigger" style="display:none;" data-v-6845ad39><!--[--><!--[--><div class="progress-bar" style="width:0%;" data-v-3a2de18c></div><div class="context-menu-var context-menu" style="top:0px;left:0px;display:none;" data-v-927f1a83><div class="menu-container" data-v-927f1a83><div class="menu-header" data-v-927f1a83><div class="menu-title-icon" data-v-927f1a83><svg
            viewBox="0 0 24 24"
            width="24"
            height="24"
            stroke-width="2"
            fill="none"
            stroke-linecap="round"
            stroke-linejoin="round"
          >
            <circle cx="12" cy="12" r="10"></circle>
            <line x1="12" y1="8" x2="12" y2="12"></line>
            <line x1="12" y1="16" x2="12.01" y2="16"></line>
          </svg></div><span style="color:var(--title-text-color);" data-v-927f1a83>🎉纸鸢社🗞️</span><div class="menu-title-icon screen" data-v-927f1a83><div class="svg-render" style="display:none;" data-v-927f1a83 data-v-c0a2b995><div data-v-c0a2b995><svg
            viewBox="0 0 24 24"
            width="24"
            height="24"
            stroke-width="2"
            fill="none"
            stroke-linecap="round"
            stroke-linejoin="round"
          >
            <path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path>
          </svg></div></div><div class="svg-render" style="" data-v-927f1a83 data-v-c0a2b995><div data-v-c0a2b995><svg
            viewBox="0 0 24 24"
            width="24"
            height="24"
            stroke-width="2"
            fill="none"
            stroke-linecap="round"
            stroke-linejoin="round"
          >
            <path
              d="M20 9V6.616q0-.231-.192-.424T19.385 6H17V5h2.385q.69 0 1.152.463T21 6.616V9zM3 9V6.616q0-.691.463-1.153T4.615 5H7v1H4.616q-.231 0-.424.192T4 6.616V9zm14 10v-1h2.385q.23 0 .423-.192t.192-.424V15h1v2.385q0 .69-.462 1.152T19.385 19zM4.615 19q-.69 0-1.153-.462T3 17.384V15h1v2.385q0 .23.192.423t.423.192H7v1zm2.231-3.846V8.846h10.308v6.308zm1-1h8.308V9.846H7.846zm0 0V9.846z"
            />
          </svg></div></div></div></div><ul class="menu-items" data-v-927f1a83><!--[--><!--]--><li class="menu-divider" data-v-927f1a83></li><li class="menu-item menu-footer-item" data-v-927f1a83><div class="svg-render menu-item-icon" data-v-927f1a83 data-v-c0a2b995><div data-v-c0a2b995><svg  viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="#ffffff"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round">
<path d="M96.1 575.7a32.2 32.1 0 1 0 64.4 0 32.2 32.1 0 1 0-64.4 0Z"></path>
<path d="M742.1 450.7l-269.5-2.1c-14.3-0.1-26 13.8-26 31s11.7 31.3 26 31.4l269.5 2.1c14.3 0.1 26-13.8 26-31s-11.7-31.3-26-31.4zM742.1 577.7l-269.5-2.1c-14.3-0.1-26 13.8-26 31s11.7 31.3 26 31.4l269.5 2.1c14.3 0.2 26-13.8 26-31s-11.7-31.3-26-31.4z"></path>
<path d="M736.1 63.9H417c-70.4 0-128 57.6-128 128h-64.9c-70.4 0-128 57.6-128 128v128c-0.1 17.7 14.4 32 32.2 32 17.8 0 32.2-14.4 32.2-32.1V320c0-35.2 28.8-64 64-64H289v447.8c0 70.4 57.6 128 128 128h255.1c-0.1 35.2-28.8 63.8-64 63.8H224.5c-35.2 0-64-28.8-64-64V703.5c0-17.7-14.4-32.1-32.2-32.1-17.8 0-32.3 14.4-32.3 32.1v128.3c0 70.4 57.6 128 128 128h384.1c70.4 0 128-57.6 128-128h65c70.4 0 128-57.6 128-128V255.9l-193-192z m0.1 63.4l127.7 128.3H800c-35.2 0-64-28.8-64-64v-64.3h0.2z m64 641H416.1c-35.2 0-64-28.8-64-64v-513c0-35.2 28.8-64 64-64H671V191c0 70.4 57.6 128 128 128h65.2v385.3c0 35.2-28.8 64-64 64z"></path>
</svg></div></div><span data-v-927f1a83>复制</span></li><li class="menu-item menu-footer-item" data-v-927f1a83><div class="svg-render menu-item-icon" data-v-927f1a83 data-v-c0a2b995><div data-v-c0a2b995><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" >
              <rect width="7.33" height="7.33" x="1" y="1" fill="currentColor">
                <animate
                  id="svgSpinnersBlocksWave0"
                  attributeName="x"
                  begin="0;svgSpinnersBlocksWave1.end+0.3s"
                  dur="0.9s"
                  values="1;4;1"
                />
                <animate attributeName="y" begin="0;svgSpinnersBlocksWave1.end+0.3s" dur="0.9s" values="1;4;1" />
                <animate
                  attributeName="width"
                  begin="0;svgSpinnersBlocksWave1.end+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="0;svgSpinnersBlocksWave1.end+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="8.33" y="1" fill="currentColor">
                <animate
                  attributeName="x"
                  begin="svgSpinnersBlocksWave0.begin+0.15s"
                  dur="0.9s"
                  values="8.33;11.33;8.33"
                />
                <animate attributeName="y" begin="svgSpinnersBlocksWave0.begin+0.15s" dur="0.9s" values="1;4;1" />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.15s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.15s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="1" y="8.33" fill="currentColor">
                <animate attributeName="x" begin="svgSpinnersBlocksWave0.begin+0.15s" dur="0.9s" values="1;4;1" />
                <animate
                  attributeName="y"
                  begin="svgSpinnersBlocksWave0.begin+0.15s"
                  dur="0.9s"
                  values="8.33;11.33;8.33"
                />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.15s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.15s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="15.66" y="1" fill="currentColor">
                <animate
                  attributeName="x"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="15.66;18.66;15.66"
                />
                <animate attributeName="y" begin="svgSpinnersBlocksWave0.begin+0.3s" dur="0.9s" values="1;4;1" />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="8.33" y="8.33" fill="currentColor">
                <animate
                  attributeName="x"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="8.33;11.33;8.33"
                />
                <animate
                  attributeName="y"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="8.33;11.33;8.33"
                />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="1" y="15.66" fill="currentColor">
                <animate attributeName="x" begin="svgSpinnersBlocksWave0.begin+0.3s" dur="0.9s" values="1;4;1" />
                <animate
                  attributeName="y"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="15.66;18.66;15.66"
                />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.3s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="15.66" y="8.33" fill="currentColor">
                <animate
                  attributeName="x"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="15.66;18.66;15.66"
                />
                <animate
                  attributeName="y"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="8.33;11.33;8.33"
                />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="8.33" y="15.66" fill="currentColor">
                <animate
                  attributeName="x"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="8.33;11.33;8.33"
                />
                <animate
                  attributeName="y"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="15.66;18.66;15.66"
                />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.45s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
              <rect width="7.33" height="7.33" x="15.66" y="15.66" fill="currentColor">
                <animate
                  id="svgSpinnersBlocksWave1"
                  attributeName="x"
                  begin="svgSpinnersBlocksWave0.begin+0.6s"
                  dur="0.9s"
                  values="15.66;18.66;15.66"
                />
                <animate
                  attributeName="y"
                  begin="svgSpinnersBlocksWave0.begin+0.6s"
                  dur="0.9s"
                  values="15.66;18.66;15.66"
                />
                <animate
                  attributeName="width"
                  begin="svgSpinnersBlocksWave0.begin+0.6s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
                <animate
                  attributeName="height"
                  begin="svgSpinnersBlocksWave0.begin+0.6s"
                  dur="0.9s"
                  values="7.33;1.33;7.33"
                />
              </rect>
            </svg></div></div><span data-v-927f1a83>刷新页面</span></li></ul></div></div><div class="vitepress-backTop-main" title="返回顶部" style="display:none;" data-v-4d18b78d><svg class="progress-circle" width="70" height="70" viewBox="0 0 70 70" data-v-4d18b78d><circle class="progress-circle-bg" cx="35" cy="35" r="30" fill="none" stroke="rgba(255, 255, 255, 0.2)" stroke-width="4" data-v-4d18b78d></circle><circle class="progress-circle-bar" cx="35" cy="35" r="30" fill="none" stroke="rgba(255, 255, 255, 0.9)" stroke-width="4" stroke-dasharray="188.49555921538757" stroke-dashoffset="188.49555921538757" transform="rotate(-90 35 35)" data-v-4d18b78d></circle></svg><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" data-v-4d18b78d><path fill="#FFF" d="M752.736 431.063C757.159 140.575 520.41 8.97 504.518 0.41V0l-0.45 0.205-0.41-0.205v0.41c-15.934 8.56-252.723 140.165-248.259 430.653-48.21 31.457-98.713 87.368-90.685 184.074 8.028 96.666 101.007 160.768 136.601 157.287 35.595-3.482 25.232-30.31 25.232-30.31l12.206-50.095s52.47 80.569 69.304 80.528c15.114-1.23 87-0.123 95.6 0h0.82c8.602-0.123 80.486-1.23 95.6 0 16.794 0 69.305-80.528 69.305-80.528l12.165 50.094s-10.322 26.83 25.272 30.31c35.595 3.482 128.574-60.62 136.602-157.286 8.028-96.665-42.475-152.617-90.685-184.074z m-248.669-4.26c-6.758-0.123-94.781-3.359-102.891-107.192 2.95-98.714 95.97-107.438 102.891-107.93 6.964 0.492 99.943 9.216 102.892 107.93-8.11 103.833-96.174 107.07-102.892 107.192z m-52.019 500.531c0 11.838-9.42 21.382-21.012 21.382a21.217 21.217 0 0 1-21.054-21.34V821.74c0-11.797 9.421-21.382 21.054-21.382 11.591 0 21.012 9.585 21.012 21.382v105.635z m77.333 57.222a21.504 21.504 0 0 1-21.34 21.626 21.504 21.504 0 0 1-21.34-21.626V827.474c0-11.96 9.543-21.668 21.299-21.668 11.796 0 21.38 9.708 21.38 21.668v157.082z m71.147-82.043c0 11.796-9.42 21.34-21.053 21.34a21.217 21.217 0 0 1-21.013-21.34v-75.367c0-11.755 9.421-21.299 21.013-21.299 11.632 0 21.053 9.544 21.053 21.3v75.366z" data-v-4d18b78d></path></svg></div><!--]--><!----><!--]--><!--[--><span tabindex="-1" data-v-e3d5f52e></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e3d5f52e>Skip to content</a><!--]--><!----><header class="VPNav" data-v-6845ad39 data-v-77c50681><div class="VPNavBar" data-v-77c50681 data-v-eec87d28><div class="wrapper" data-v-eec87d28><div class="container" data-v-eec87d28><div class="title" data-v-eec87d28><div class="VPNavBarTitle has-sidebar" data-v-eec87d28 data-v-021c7f9e><a class="title" href="/" data-v-021c7f9e><!--[--><!--]--><!--[--><img class="VPImage logo" src="https://mu.baimu.live/a/img/ico-baimu.png" alt data-v-44154918><!--]--><span data-v-021c7f9e>[白木]🗞️纸鸢社</span><!--[--><!--]--></a></div></div><div class="content" data-v-eec87d28><div class="content-body" data-v-eec87d28><!--[--><!--]--><div class="VPNavBarSearch search" data-v-eec87d28><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="输入您想搜索相关设置"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索相关设置</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-eec87d28 data-v-7f610162><span id="main-nav-aria-label" class="visually-hidden" data-v-7f610162> Main Navigation </span><!--[--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://gl.baimu.live/" target="_blank" rel="noreferrer" tabindex="0" data-v-7f610162 data-v-2dac1dcc><!--[--><span data-v-2dac1dcc>灵阈研都</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f610162 data-v-71056e61><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-71056e61><span class="text" data-v-71056e61><!----><span data-v-71056e61>😒不许点</span><span class="vpi-chevron-down text-icon" data-v-71056e61></span></span></button><div class="menu" data-v-71056e61><div class="VPMenu" data-v-71056e61 data-v-9e41322d><div class="items" data-v-9e41322d><!--[--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>笨蛋</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/shiroki/d0cny.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>🪄</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>为什么点开？</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/shiroki/d0cny.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>✨</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>吖豁</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/shiroki/d0cny.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>👋</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f610162 data-v-71056e61><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-71056e61><span class="text" data-v-71056e61><!----><span data-v-71056e61>🕵🏻知识大脑</span><span class="vpi-chevron-down text-icon" data-v-71056e61></span></span></button><div class="menu" data-v-71056e61><div class="VPMenu" data-v-71056e61 data-v-9e41322d><div class="items" data-v-9e41322d><!--[--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>知识库</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/glzt/tbwv6.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>📑一些个人知识</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>游戏领域</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/games/zd4ez.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>✨一些游戏行业相关</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>web领域</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>⌨️代码与建站知识</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>Vitepressteek</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/vp-teek/8wdsr.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                  <div style="display: flex; align-items: center; gap: 4px;">
                    <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                    <span>🎨与Vitepress-teek相关</span>
                  </div>
                  </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f610162 data-v-71056e61><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-71056e61><span class="text" data-v-71056e61><!----><span data-v-71056e61>🙇🏻参见Teek</span><span class="vpi-chevron-down text-icon" data-v-71056e61></span></span></button><div class="menu" data-v-71056e61><div class="VPMenu" data-v-71056e61 data-v-9e41322d><div class="items" data-v-9e41322d><!--[--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>归档页🗃️</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/archives.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>清单页📰</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/articleOverview.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>登录页🔱</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/login.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>风险链接提示页⚠️</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/risk-link.html?target=https:/baimu/live" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>分类页📃</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/categories.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>标签页🔖</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/tags.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>关于我🙆🏻</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/bm/gy2le.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击预览</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f610162 data-v-71056e61><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-71056e61><span class="text" data-v-71056e61><!----><span data-v-71056e61>🥂干杯</span><span class="vpi-chevron-down text-icon" data-v-71056e61></span></span></button><div class="menu" data-v-71056e61><div class="VPMenu" data-v-71056e61 data-v-9e41322d><div class="items" data-v-9e41322d><!--[--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>🥰打赏</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/personal/" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>点击进入打赏</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>🎈全球Teek交流峰会</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/bm/f9z98.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>Teek的伙伴们</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-9e41322d data-v-576105a2><p class="title" data-v-576105a2>💕发布会</p><!--[--><!--[--><div class="VPMenuLink" data-v-576105a2 data-v-841d0c34><a class="VPLink link" href="/bm/mwd9o.html" data-v-841d0c34><!--[--><span data-v-841d0c34>
                <div style="display: flex; align-items: center; gap: 4px;">
                  <img src="https://mu.baimu.live/a/img/ico-baimu.png" alt="" style="width: 16px; height: 16px;">
                  <span>鸣谢发布会</span>
                </div>
                </span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><span class="VPLink VPNavBarMenuLink" tabindex="0" data-v-7f610162 data-v-2dac1dcc><!--[--><span data-v-2dac1dcc></span><!--]--></span><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-eec87d28 data-v-56f4609c><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-56f4609c data-v-b74bdb43 data-v-7e0acb27><span class="check" data-v-7e0acb27><span class="icon" data-v-7e0acb27><!--[--><span class="vpi-sun sun" data-v-b74bdb43></span><span class="vpi-moon moon" data-v-b74bdb43></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-eec87d28 data-v-f4ed8c3f data-v-d4a1df89><!--[--><a class="VPSocialLink no-icon" href="https://gitee.com/Misaka273/vitepress-teek-shiroki" aria-label="gitee" target="_blank" rel="noopener" data-v-d4a1df89 data-v-8fa86eb9><span class="vpi-social-gitee"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-eec87d28 data-v-a1f8ee8b data-v-71056e61><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-71056e61><span class="vpi-more-horizontal icon" data-v-71056e61></span></button><div class="menu" data-v-71056e61><div class="VPMenu" data-v-71056e61 data-v-9e41322d><!----><!--[--><!--[--><!----><div class="group" data-v-a1f8ee8b><div class="item appearance" data-v-a1f8ee8b><p class="label" data-v-a1f8ee8b>主题</p><div class="appearance-action" data-v-a1f8ee8b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-a1f8ee8b data-v-b74bdb43 data-v-7e0acb27><span class="check" data-v-7e0acb27><span class="icon" data-v-7e0acb27><!--[--><span class="vpi-sun sun" data-v-b74bdb43></span><span class="vpi-moon moon" data-v-b74bdb43></span><!--]--></span></span></button></div></div></div><div class="group" data-v-a1f8ee8b><div class="item social-links" data-v-a1f8ee8b><div class="VPSocialLinks social-links-list" data-v-a1f8ee8b data-v-d4a1df89><!--[--><a class="VPSocialLink no-icon" href="https://gitee.com/Misaka273/vitepress-teek-shiroki" aria-label="gitee" target="_blank" rel="noopener" data-v-d4a1df89 data-v-8fa86eb9><span class="vpi-social-gitee"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--[--><!--[--><!--[--><div id="clock" data-v-292f2023><div class="time" data-v-292f2023><span class="hour" data-v-292f2023>00</span><span class="separator" data-v-292f2023>:</span><span class="minute" data-v-292f2023>00</span><span class="separator" data-v-292f2023>:</span><span class="second" data-v-292f2023>00</span></div></div><!--]--><!--[--><div class="tk-theme-enhance flx-align-center"><!--[--><i class="tk-icon" style="--icon-size:20px;--icon-color-hover:var(--tk-theme-color);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
    <path
      fill="currentColor"
      d="m512 863.36 384-54.848v-638.72L525.568 222.72a96 96 0 0 1-27.136 0L128 169.792v638.72zM137.024 106.432l370.432 52.928a32 32 0 0 0 9.088 0l370.432-52.928A64 64 0 0 1 960 169.792v638.72a64 64 0 0 1-54.976 63.36l-388.48 55.488a32 32 0 0 1-9.088 0l-388.48-55.488A64 64 0 0 1 64 808.512v-638.72a64 64 0 0 1 73.024-63.36z"
    ></path>
    <path fill="currentColor" d="M480 192h64v704h-64z"></path>
  </svg></i><!--]--></div><!--teleport start--><!--teleport end--><!--]--><!--]--><!--]--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-eec87d28 data-v-ef68451e><span class="container" data-v-ef68451e><span class="top" data-v-ef68451e></span><span class="middle" data-v-ef68451e></span><span class="bottom" data-v-ef68451e></span></span></button></div></div></div></div><div class="divider" data-v-eec87d28><div class="divider-line" data-v-eec87d28></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-6845ad39 data-v-f82017e5><div class="container" data-v-f82017e5><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-f82017e5><span class="vpi-align-left menu-icon" data-v-f82017e5></span><span class="menu-text" data-v-f82017e5>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-f82017e5 data-v-50df346b><button data-v-50df346b>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-6845ad39 data-v-76096eb2><div class="curtain" data-v-76096eb2></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-76096eb2><span class="visually-hidden" id="sidebar-aria-label" data-v-76096eb2> Sidebar Navigation </span><!--[--><!--[--><!----><!--]--><!--]--><!--[--><div class="no-transition group" data-v-18c792c8><section class="VPSidebarItem level-0" data-v-18c792c8 data-v-6183f4d6><!----><div class="items" data-v-6183f4d6><!--[--><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/01.VP%E8%AE%B0%E4%BA%8B%E5%BD%95.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>一些记事录</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-18c792c8><section class="VPSidebarItem level-0 collapsible collapsed has-active" data-v-18c792c8 data-v-6183f4d6><div class="item" role="button" tabindex="0" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><h2 class="text" data-v-6183f4d6>Markdown相关</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-6183f4d6><span class="vpi-chevron-right caret-icon" data-v-6183f4d6></span></div></div><div class="items" data-v-6183f4d6><!--[--><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/02.Markdown%E7%9B%B8%E5%85%B3/001.%E8%A1%A8%E6%83%85%E7%AC%A6%E5%8F%B7.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>emoji 常用表情符号</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/02.Markdown%E7%9B%B8%E5%85%B3/002.Markdown%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Markdown 基础语法</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/02.Markdown%E7%9B%B8%E5%85%B3/MD%E9%80%89%E9%A1%B9%E5%8D%A1%E6%8F%92%E4%BB%B6-%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>MD文档 - 选项卡插件 - 配置说明</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/02.Markdown%E7%9B%B8%E5%85%B3/%E5%8D%A1%E7%89%87%E9%85%8D%E5%9B%BE%E6%A0%B7%E5%BC%8F.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>MD文档的卡片容器美化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-18c792c8><section class="VPSidebarItem level-0 collapsible collapsed" data-v-18c792c8 data-v-6183f4d6><div class="item" role="button" tabindex="0" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><h2 class="text" data-v-6183f4d6>美化-Teek主题</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-6183f4d6><span class="vpi-chevron-right caret-icon" data-v-6183f4d6></span></div></div><div class="items" data-v-6183f4d6><!--[--><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/70.%E5%85%89%E7%90%83%E5%8A%A8%E7%94%BB-%E9%A6%96%E9%A1%B5%E5%8D%A1%E7%89%87%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「首页卡片」光球动画样式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/71.%E9%9A%8F%E6%9C%BA%E5%85%89%E6%96%91%E8%89%B2-%E9%A6%96%E9%A1%B5%E5%8D%A1%E7%89%87%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「首页卡片」随机光斑色</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/80.%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%9C%86%E8%A7%92%E5%8D%A1%E7%89%87%E5%BC%8F%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「导航栏」圆角卡片式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/90.%E5%85%A8%E5%B1%8FBanner%E7%9A%84%E5%AF%BC%E8%88%AA%E6%A0%8F%E6%A0%B7%E5%BC%8F%E7%BE%8E%E5%8C%96.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「导航栏」全屏Banner</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/100.%E4%BE%A7%E8%BE%B9%E6%A0%8F%E7%9B%AE%E5%BD%95%E7%BE%8E%E5%8C%96%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「侧边栏目录」美化</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/130.%E6%96%87%E6%A1%A3%E9%A1%B5%E5%86%85%E5%AE%B9%E5%9C%86%E8%A7%92%E5%8D%A1%E7%89%87%E5%BC%8F%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「文档/内容页」圆角卡片式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/131.%E4%BB%A3%E7%A0%81%E5%9D%97%E6%9B%B4%E6%94%B9%E4%B8%BA%E6%96%B0%E6%A0%B7%E5%BC%8F%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「代码块」更改为新样式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/133.%E5%8D%A1%E7%89%87%E6%A8%A1%E5%BC%8F%E6%A0%B7%E5%BC%8F%E7%BE%8E%E5%8C%96.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「MD文档」的卡片容器美化</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/134.%E5%86%85%E5%AE%B9%E9%A1%B5%E6%BB%9A%E5%8A%A8%E6%9D%A1%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「页面顶部/底部」滚动条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/135.%E9%A1%B5%E9%9D%A2%E6%BB%9A%E5%8A%A8%E6%9D%A1%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「页面」滚动条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/220.%E7%9B%91%E5%90%AC%E6%8B%B7%E8%B4%9D%E6%96%87%E6%9C%AC%E4%BA%8B%E4%BB%B6%E6%A8%AA%E5%B9%85%E6%8F%90%E7%A4%BA-%E6%A0%B7%E5%BC%8F02.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「复制」横幅提示 - 2</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/221.%E7%9B%91%E5%90%AC%E6%8B%B7%E8%B4%9D%E6%96%87%E6%9C%AC%E4%BA%8B%E4%BB%B6%E6%A8%AA%E5%B9%85%E6%8F%90%E7%A4%BA.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「复制」横幅提示 - 1</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/300.%E5%9B%BE%E7%89%87%E6%9F%A5%E7%9C%8B%E5%99%A8%E7%BE%8E%E5%8C%96.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「图片查看器」美化</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/1000.%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「自定义字体」配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/1001.%E5%8A%A0%E7%B2%97%E6%96%87%E5%AD%97%E7%9A%84%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「加粗文字」的动画效果</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/03.%E7%BE%8E%E5%8C%96-Teek%E4%B8%BB%E9%A2%98/%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95%E6%A0%B7%E5%BC%8F%E7%BE%8E%E5%8C%96.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>右键菜单样式 - 威威出品</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-18c792c8><section class="VPSidebarItem level-0 collapsible collapsed" data-v-18c792c8 data-v-6183f4d6><div class="item" role="button" tabindex="0" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><h2 class="text" data-v-6183f4d6>扩展-Teek主题</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-6183f4d6><span class="vpi-chevron-right caret-icon" data-v-6183f4d6></span></div></div><div class="items" data-v-6183f4d6><!--[--><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/04.%E6%89%A9%E5%B1%95-Teek%E4%B8%BB%E9%A2%98/%E5%85%AC%E5%91%8A%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>公告窗口设置 - 配置说明</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/04.%E6%89%A9%E5%B1%95-Teek%E4%B8%BB%E9%A2%98/%E5%8F%8B%E9%93%BE%E9%A1%B5%E9%9D%A2-%E6%97%B6%E5%85%89%E5%87%BA%E5%93%81.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>友链页面配置 - 时光出品</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/04.%E6%89%A9%E5%B1%95-Teek%E4%B8%BB%E9%A2%98/%E7%9B%AE%E5%BD%95%E9%93%BE%E6%8E%A5%E8%87%AA%E5%8A%A8%E5%8C%96%E8%A7%84%E5%88%99%E5%AE%89%E8%A3%85.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>目录链接自动化生成规则 - 配置说明</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/04.%E6%89%A9%E5%B1%95-Teek%E4%B8%BB%E9%A2%98/%E8%B7%AF%E5%BE%84%E5%88%AB%E5%90%8D%E9%85%8D%E7%BD%AE.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>路径别名配置教程</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-18c792c8><section class="VPSidebarItem level-0 collapsible collapsed" data-v-18c792c8 data-v-6183f4d6><div class="item" role="button" tabindex="0" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><h2 class="text" data-v-6183f4d6>配置-Teek主题</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-6183f4d6><span class="vpi-chevron-right caret-icon" data-v-6183f4d6></span></div></div><div class="items" data-v-6183f4d6><!--[--><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/PageFind%E6%90%9C%E7%B4%A2%E6%8F%92%E4%BB%B6%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>PageFind搜索插件配置说明</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/%E5%85%B3%E4%BA%8EMD%E8%A1%A8%E5%A4%B4%E9%85%8D%E7%BD%AE.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>关于MD表头配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/%E5%90%AF%E5%8A%A8%E5%8A%A0%E8%BD%BD%E7%94%BB%E9%9D%A2.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>启动加载画面</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/%E5%AF%BC%E8%88%AA%E6%A0%8F%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>导航栏 - 配置说明 + 链接玩法</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/%E6%96%87%E6%A1%A3%E5%B0%81%E9%9D%A2%E5%9B%BE%E7%89%87URL%E5%8A%A0%E8%BD%BD%E4%B8%8D%E5%90%8C%E7%9A%84%E5%9B%BE%E7%89%87%E5%BC%80%E5%8F%91%E8%AF%B4%E6%98%8E.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>「文档封面」加载不同的图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/%E6%BF%80%E6%B4%BB%E9%A1%B5%E8%84%9A%E8%BF%90%E8%A1%8C%E6%97%B6%E9%97%B4.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>激活页脚运行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/05.%E9%85%8D%E7%BD%AE-Teek%E4%B8%BB%E9%A2%98/%E9%85%8D%E7%BD%AETwikoo%E8%AF%84%E8%AE%BA%E6%8F%92%E4%BB%B6.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>宝塔面板安装Twikoo评论插件</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-18c792c8><section class="VPSidebarItem level-0 collapsible collapsed" data-v-18c792c8 data-v-6183f4d6><div class="item" role="button" tabindex="0" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><h2 class="text" data-v-6183f4d6>公共组件-Teek主题</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-6183f4d6><span class="vpi-chevron-right caret-icon" data-v-6183f4d6></span></div></div><div class="items" data-v-6183f4d6><!--[--><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/ArticlePage%20%E6%96%87%E7%AB%A0%E9%A1%B5.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>ArticlePage 文章页 <Badge type="tip" text="v1.2.0" /></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Avatar%20%E5%A4%B4%E5%83%8F.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Avatar 头像</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Breadcrumb%20%E9%9D%A2%E5%8C%85%E5%B1%91.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Breadcrumb 面包屑</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Icon%20%E5%9B%BE%E6%A0%87.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/ImageViewer%20%E5%9B%BE%E7%89%87%E9%A2%84%E8%A7%88.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>ImageViewer 图片预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/InputSlide%20%E6%BB%91%E5%9D%97.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>InputSlide 滑块</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Message%20%E6%B6%88%E6%81%AF%E6%8F%90%E7%A4%BA.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Message 消息提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/PageCard%20%E5%88%86%E9%A1%B5%E5%8D%A1%E7%89%87.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>PageCard 分页卡片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Pagination%20%E5%88%86%E9%A1%B5.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Pagination 分页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Popover%20%E5%BC%B9%E5%87%BA%E6%A1%86.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Popover 弹出框 <Badge type="tip" text="v1.1.0" /></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/Segmented%20%E5%88%86%E6%AE%B5%E6%8E%A7%E5%88%B6%E5%99%A8.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>Segmented 分段控制器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/TitleTag%20%E6%A0%87%E9%A2%98%E6%A0%87%E7%AD%BE.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>TitleTag 标题标签 <Badge type="tip" text="v1.1.5" /></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/TransitionCollapse%20%E6%8A%98%E5%8F%A0%E5%8A%A8%E7%94%BB.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>TransitionCollapse 折叠动画</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/VerifyCode%20%E9%AA%8C%E8%AF%81%E7%A0%81.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>VerifyCode 验证码</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 collapsible collapsed is-link" data-v-6183f4d6 data-v-6183f4d6><div class="item" data-v-6183f4d6><div class="indicator" data-v-6183f4d6></div><a class="VPLink link link" href="/100.VitepressTeek/06.%E5%85%AC%E5%85%B1%E7%BB%84%E4%BB%B6-Teek%E4%B8%BB%E9%A2%98/VpContainer%20%E5%AE%B9%E5%99%A8.html" data-v-6183f4d6><!--[--><p class="text" data-v-6183f4d6>VpContainer 容器</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-6845ad39 data-v-cb78a74c><div class="VPDoc has-sidebar has-aside" data-v-cb78a74c data-v-af824402><!--[--><!--]--><div class="container" data-v-af824402><div class="aside" data-v-af824402><div class="aside-curtain" data-v-af824402></div><div class="aside-container" data-v-af824402><div class="aside-content" data-v-af824402><div class="VPDocAside" data-v-af824402 data-v-5bfaa484><!--[--><!--]--><!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><!--]--><div class="tk-article-share"><button class="tk-article-share__button flx-center" aria-label="分享此文档" aria-live="polite"><div class="flx-center"><i class="tk-icon" style="margin-right:4px;--icon-color-hover:var(--tk-theme-color);"><svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    aria-hidden="true"
    role="img"
    class="iconify iconify iconify--solar"
    alt="Icon"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    style="vertical-align: -0.125em"
  >
    <path
      fill="currentColor"
      fill-rule="evenodd"
      d="M13.803 5.333c0-1.84 1.5-3.333 3.348-3.333A3.34 3.34 0 0 1 20.5 5.333c0 1.841-1.5 3.334-3.349 3.334a3.35 3.35 0 0 1-2.384-.994l-4.635 3.156a3.34 3.34 0 0 1-.182 1.917l5.082 3.34a3.35 3.35 0 0 1 2.12-.753a3.34 3.34 0 0 1 3.348 3.334C20.5 20.507 19 22 17.151 22a3.34 3.34 0 0 1-3.348-3.333a3.3 3.3 0 0 1 .289-1.356L9.05 14a3.35 3.35 0 0 1-2.202.821A3.34 3.34 0 0 1 3.5 11.487a3.34 3.34 0 0 1 3.348-3.333c1.064 0 2.01.493 2.623 1.261l4.493-3.059a3.3 3.3 0 0 1-.161-1.023"
      clip-rule="evenodd"
    ></path>
  </svg></i> 分享此文档</div></button></div><!--[--><!--]--><!--]--><!--[--><!--]--><!--]--><!--]--><!--]--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-5bfaa484 data-v-0d97d758><div class="content" data-v-0d97d758><div class="outline-marker" data-v-0d97d758></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-0d97d758>本页导航</div><ul class="VPDocOutlineItem root" data-v-0d97d758 data-v-a74c3538><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-5bfaa484></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-af824402><div class="content-container" data-v-af824402><!--[--><!--[--><!--[--><!--[--><!--]--><!--[--><!--[--><!--]--><div class="tk-article-analyze flx-justify-between" aria-label="文档分析"><div class="tk-article-breadcrumb" role="navigation" aria-label="文档面包屑"><div class="tk-breadcrumb" role="navigation" aria-label="面包屑"><!--[--><span class="tk-breadcrumb__item"><span class="tk-breadcrumb__inner" role="link"><!--[--><a href="/" title="首页" class="home hover-color" aria-label="首页"><i class="tk-icon" style="--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
    <path
      fill="currentColor"
      d="M192 413.952V896h640V413.952L512 147.328zM139.52 374.4l352-293.312a32 32 0 0 1 40.96 0l352 293.312A32 32 0 0 1 896 398.976V928a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V398.976a32 32 0 0 1 11.52-24.576"
    ></path>
  </svg></i></a><!--]--></span><span class="tk-breadcrumb__separator" role="presentation">/</span></span><!--[--><span class="tk-breadcrumb__item"><span class="tk-breadcrumb__inner" role="link"><!--[--><span href title="VitepressTeek" class="" aria-label="VitepressTeek">VitepressTeek</span><!--]--></span><span class="tk-breadcrumb__separator" role="presentation">/</span></span><span class="tk-breadcrumb__item"><span class="tk-breadcrumb__inner" role="link"><!--[--><span href title="Markdown相关" class="" aria-label="Markdown相关">Markdown相关</span><!--]--></span><span class="tk-breadcrumb__separator" role="presentation">/</span></span><!--]--><!--]--></div></div><div class="tk-article-analyze__wrapper flx-align-center"><div class="tk-article-info article" role="group" aria-label="文档信息"><!--[--><!--[--><span class="tk-article-info__item" role="group" aria-label="人类"><i class="tk-icon tk-article-info__icon" style="--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
  <path
    fill="currentColor"
    d="M512 512a192 192 0 1 0 0-384 192 192 0 0 0 0 384m0 64a256 256 0 1 1 0-512 256 256 0 0 1 0 512m320 320v-96a96 96 0 0 0-96-96H288a96 96 0 0 0-96 96v96a32 32 0 1 1-64 0v-96a160 160 0 0 1 160-160h448a160 160 0 0 1 160 160v96a32 32 0 1 1-64 0"
  ></path>
</svg></i><a title="人类" href="https://baimu.live/" target="_blank" class="hover-color" aria-label="白木">白木</a></span><!--]--><!--[--><span class="tk-article-info__item" role="group" aria-label="事件发生"><i class="tk-icon tk-article-info__icon" style="--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
  <path
    fill="currentColor"
    d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64"
  ></path>
</svg></i><a title="事件发生" class="hover-color" aria-label="2025-09-11">2025-09-11</a></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--><!--[--><!--]--></div><div class="flx-center"><i class="tk-icon" style="--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
    <path
      fill="currentColor"
      d="m512 863.36 384-54.848v-638.72L525.568 222.72a96 96 0 0 1-27.136 0L128 169.792v638.72zM137.024 106.432l370.432 52.928a32 32 0 0 0 9.088 0l370.432-52.928A64 64 0 0 1 960 169.792v638.72a64 64 0 0 1-54.976 63.36l-388.48 55.488a32 32 0 0 1-9.088 0l-388.48-55.488A64 64 0 0 1 64 808.512v-638.72a64 64 0 0 1 73.024-63.36z"
    ></path>
    <path fill="currentColor" d="M480 192h64v704h-64z"></path>
  </svg></i><a title="文档字数" class="hover-color" aria-label="文档字数">4221</a></div><div class="flx-center"><i class="tk-icon" style="--icon-color-hover:var(--tk-theme-color);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
    <path
      fill="currentColor"
      d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
    ></path>
    <path fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"></path>
    <path fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32"></path>
  </svg></i><a title="预计阅读时长" class="hover-color" aria-label="预计阅读时长">18.6m</a></div><!----></div></div><!--[--><!--]--><!--]--><!----><!--[--><div class="tk-sidebar-trigger" title="侧边栏展开/折叠" role="button" aria-label="侧边栏展开/折叠"><div class="tk-right-bottom-button__button"><i class="tk-icon" style="--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg
    viewBox="0 0 48 48"
    display="inline-block"
    vertical-align="middle"
    min-width="1.2rem"
    width="1.2em"
    height="1.2em"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4">
      <path d="M6 7h36M8 24h32" />
      <path stroke-linejoin="round" d="M13.99 30L8 24.005L14 18m20.01 0L40 23.995L34 30" />
      <path d="M6 41h36" />
    </g>
  </svg></i></div></div><!--]--><!--]--><!--]--><!--]--><main class="main" data-v-af824402><div style="position:relative;" class="vp-doc _100_VitepressTeek_02_Markdown%E7%9B%B8%E5%85%B3_002_Markdown%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95" data-v-af824402><div><div style="display:none;" hidden="true" aria-hidden="true">Are you an LLM? You can read better optimized documentation at /100.VitepressTeek\02.Markdown相关\002.Markdown基础语法.md for this page in Markdown format</div><h1 id="markdown-基础语法" tabindex="-1">Markdown 基础语法 <a class="header-anchor" href="#markdown-基础语法" aria-label="Permalink to &quot;Markdown 基础语法&quot;">​</a></h1><h2 id="汇集适配-vitepress-teek-的-markdown-语法" tabindex="-1">汇集适配 VitePress-Teek 的 Markdown 语法 <a class="header-anchor" href="#汇集适配-vitepress-teek-的-markdown-语法" aria-label="Permalink to &quot;汇集适配 VitePress-Teek 的 Markdown 语法&quot;">​</a></h2><hr><p>这是一个卡片容器~</p><!--[--><!----><section class="sw-card-row-wrap" aria-label="带有光斑效果的卡片横排容器" data-v-9a119322><div class="sw-card-row" data-v-9a119322><!--[--><article class="sw-card" tabindex="0" role="article" data-v-9a119322><div class="sw-mouse-light-mask" data-v-9a119322><div class="sw-mouse-light-layer" data-v-9a119322></div></div><div class="sw-card-media" data-v-9a119322><img src="https://mu.baimu.live/" alt="卡片 A" class="sw-interactive" data-v-9a119322></div><div class="sw-card-body" data-v-9a119322><h3 class="sw-card-title sw-interactive" data-v-9a119322>卡片 A</h3><p class="sw-card-desc" data-v-9a119322>整卡和内部元素可以单独设置链接。</p></div><div class="sw-card-foot" data-v-9a119322><!--[--><button class="sw-card-btn sw-interactive" data-v-9a119322> 查看 </button><!--]--></div></article><article class="sw-card" tabindex="0" role="article" data-v-9a119322><div class="sw-mouse-light-mask" data-v-9a119322><div class="sw-mouse-light-layer" data-v-9a119322></div></div><div class="sw-card-media" data-v-9a119322><img src="https://mu.baimu.live/img/acg/" alt="卡片 B" class="sw-interactive" data-v-9a119322></div><div class="sw-card-body" data-v-9a119322><h3 class="sw-card-title sw-interactive" data-v-9a119322>卡片 B</h3><p class="sw-card-desc" data-v-9a119322>没有单独链接时使用整卡链接。</p></div><div class="sw-card-foot" data-v-9a119322><!--[--><button class="sw-card-btn sw-interactive" data-v-9a119322> 查看 </button><!--]--></div></article><article class="sw-card" tabindex="0" role="article" data-v-9a119322><div class="sw-mouse-light-mask" data-v-9a119322><div class="sw-mouse-light-layer" data-v-9a119322></div></div><div class="sw-card-media" data-v-9a119322><img src="https://mu.baimu.live/img/acg/" alt="卡片 C" class="sw-interactive" data-v-9a119322></div><div class="sw-card-body" data-v-9a119322><h3 class="sw-card-title sw-interactive" data-v-9a119322>卡片 C</h3><p class="sw-card-desc" data-v-9a119322>整卡没有链接</p></div><div class="sw-card-foot" data-v-9a119322><!--[--><button class="sw-card-btn sw-interactive" data-v-9a119322> 查看 </button><!--]--></div></article><article class="sw-card" tabindex="0" role="article" data-v-9a119322><div class="sw-mouse-light-mask" data-v-9a119322><div class="sw-mouse-light-layer" data-v-9a119322></div></div><!----><div class="sw-card-body" data-v-9a119322><h3 class="sw-card-title sw-interactive" data-v-9a119322>卡片 D</h3><p class="sw-card-desc" data-v-9a119322>整卡没有链接也没有图</p></div><div class="sw-card-foot" data-v-9a119322><!--[--><button class="sw-card-btn sw-interactive" data-v-9a119322> 查看 </button><!--]--></div></article><!--]--></div></section><!--]--><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: demo effect</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">0721vueshiroki/shili.vue</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><div class="center tk-center-container"><p>🧸</p></div><p>分割线 <em>效果</em>：</p><hr><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">---</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="center tk-center-container"><p>🧸</p></div><p>换行的语法</p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">br</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><strong>粗体</strong></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-light-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold;">**粗体**</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><strong><em>加粗斜体</em></strong></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-light-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold;">**</span><span style="--shiki-light:#24292E;--shiki-light-font-style:italic;--shiki-dark:#E1E4E8;--shiki-dark-font-style:italic;">_加粗斜体_</span><span style="--shiki-light:#24292E;--shiki-light-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold;">**</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><em>斜体</em> 或 <em>斜体</em></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-light-font-style:italic;--shiki-dark:#E1E4E8;--shiki-dark-font-style:italic;">_斜体_</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-light-font-style:italic;--shiki-dark:#E1E4E8;--shiki-dark-font-style:italic;">_斜体_</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><s>删除线</s></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">~~删除线~~</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><u>下划线</u></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">u</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;下划线&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">u</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><span style="border-bottom:1px solid red;">单下划线</span></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;border-bottom: 1px solid red;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;单下划线&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><span style="border-bottom:thick double #32a1ce;">双下划线</span></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;border-bottom: thick double #32a1ce;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;双下划线&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><span style="border-bottom:2px dotted red;">下划虚线</span></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;border-bottom: 2px dotted red;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;下划虚线&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><span style="color:#ff9292ff;">自定义字体颜色</span><span style="color:#92ffffff;">自定义字体颜色02</span></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;color: #ff9292ff&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;自定义字体颜色&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;color: #92ffffff&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;自定义字体颜色02&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><h3 id="药丸语法" tabindex="-1">药丸语法 <a class="header-anchor" href="#药丸语法" aria-label="Permalink to &quot;药丸语法&quot;">​</a></h3><p>只能修改 <span class="VPBadge danger"><!--[-->text<!--]--></span> 内的文字</p><span class="VPBadge info"><!--[-->灰色<!--]--></span><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;info&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;灰色&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><span class="VPBadge tip"><!--[-->蓝色<!--]--></span><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tip&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;蓝色&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><span class="VPBadge warning"><!--[-->黄色<!--]--></span><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;黄色&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><span class="VPBadge danger"><!--[-->红色<!--]--></span><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;danger&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;红色&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="info custom-block"><p class="custom-block-title">-</p><h3 id="✍🏻待办列表-markdown语法📑" tabindex="-1">✍🏻待办列表-Markdown语法📑 <a class="header-anchor" href="#✍🏻待办列表-markdown语法📑" aria-label="Permalink to &quot;✍🏻待办列表-Markdown语法📑&quot;">​</a></h3><p><em>效果：</em></p><ul><li class="todo"><input class="todo-checkbox" type="checkbox" disabled>吃饭</li><li class="todo"><input class="todo-checkbox" type="checkbox" disabled>睡觉</li><li class="todo"><input class="todo-checkbox" type="checkbox" checked disabled>打豆豆</li></ul><p><em>Markdown语法</em></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [ ] 吃饭</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [ ] 睡觉</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] 打豆豆</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><p>在 <code>[]</code> 中输入 <mark>X</mark> 即为打勾状态</p></div><div class="tip custom-block"><p class="custom-block-title">-</p><h3 id="✍🏻内容居中显示-markdown语法📑" tabindex="-1">✍🏻内容居中显示-Markdown语法📑 <a class="header-anchor" href="#✍🏻内容居中显示-markdown语法📑" aria-label="Permalink to &quot;✍🏻内容居中显示-Markdown语法📑&quot;">​</a></h3><br><div class="center tk-center-container"><p>单行的居中效果：Markdown 拓展</p><div class="center tk-center-container"><h2 id="二级标题的居中效果-markdown-拓展" tabindex="-1">二级标题的居中效果：Markdown 拓展 <a class="header-anchor" href="#二级标题的居中效果-markdown-拓展" aria-label="Permalink to &quot;二级标题的居中效果：Markdown 拓展&quot;">​</a></h2><p>正文的居中效果：Markdown 拓展</p><hr></div></div></div><p>Markdown语法</p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: center</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">单行的效果：Markdown 拓展</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: center</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">## 二级标题的效果：Markdown 拓展</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">正文的效果：Markdown 拓展</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><div class="center tk-center-container"><p>🧸</p></div><h3 id="内容居右容器" tabindex="-1">内容居右容器 <a class="header-anchor" href="#内容居右容器" aria-label="Permalink to &quot;内容居右容器&quot;">​</a></h3><p><em>效果</em>：</p><hr><div class="tip custom-block"><p class="custom-block-title">摘要</p><p>很久之前，我决定踏上的这条路，映照了我与未来的因果。</p><div class="right tk-right-container"><p>2021-11-13 @白木</p></div></div><div class="right tk-right-container"><p>@白木</p></div><hr><p><em>Markdown语法</em>：</p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: tip 摘要</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">很久之前，我决定踏上的这条路，映照了我与未来的因果。</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: right</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">2021-11-13 @白木</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: right</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">@白木</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><div class="center tk-center-container"><p>🧸</p></div><h3 id="卡片模式-01" tabindex="-1">卡片模式 01 <a class="header-anchor" href="#卡片模式-01" aria-label="Permalink to &quot;卡片模式 01&quot;">​</a></h3><div class="note custom-block github-alert"><p class="custom-block-title">NOTE</p><p>强调用户在快速浏览文档时也不应忽略的重要信息。</p></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; [</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">!NOTE</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">]</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 强调用户在快速浏览文档时也不应忽略的重要信息。</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><hr><div class="tip custom-block github-alert"><p class="custom-block-title">TIP</p><p>有助于用户更顺利达成目标的建议性信息。</p></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; [</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">!TIP</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">]</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 有助于用户更顺利达成目标的建议性信息。</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><hr><div class="important custom-block github-alert"><p class="custom-block-title">IMPORTANT</p><p>对用户达成目标至关重要的信息。</p></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; [</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">!IMPORTANT</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">]</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 对用户达成目标至关重要的信息。</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><hr><div class="warning custom-block github-alert"><p class="custom-block-title">WARNING</p><p>因为可能存在风险，所以需要用户立即关注的关键内容。</p></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; [</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">!WARNING</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">]</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 因为可能存在风险，所以需要用户立即关注的关键内容。</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><hr><div class="caution custom-block github-alert"><p class="custom-block-title">CAUTION</p><p>行为可能带来的负面影响。</p></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; [</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">!CAUTION</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">]</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 行为可能带来的负面影响。</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><div class="center tk-center-container"><p>🧸</p></div><h3 id="卡片模式-02" tabindex="-1">卡片模式 02 <a class="header-anchor" href="#卡片模式-02" aria-label="Permalink to &quot;卡片模式 02&quot;">​</a></h3><div class="info custom-block"><p class="custom-block-title">输入文字</p></div><div class="tip custom-block"><p class="custom-block-title">输入文字</p></div><div class="warning custom-block"><p class="custom-block-title">输入文字</p></div><div class="danger custom-block"><p class="custom-block-title">输入文字</p></div><details class="details custom-block"><summary>折叠标题</summary></details><p><em>Markdown语法</em>：</p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: info 输入文字</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: tip 输入文字</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: warning 输入文字</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: danger 输入文字</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: details 输入折叠标题</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div><div class="center tk-center-container"><p>🧸</p></div><div class="info custom-block"><p class="custom-block-title">-</p><h3 id="sharecard-分享卡片" tabindex="-1">shareCard 分享卡片 <a class="header-anchor" href="#sharecard-分享卡片" aria-label="Permalink to &quot;shareCard 分享卡片&quot;">​</a></h3><p>分享卡片容器，可用于 友情链接、项目推荐、诗词展示 等。</p></div><div class="center tk-center-container"><p><em>效果</em>：</p></div><div class="container share-card-container"><div class="share-card index-auto" style="--row-gap:20px;--column-gap:20px;--column-min-width:calc(100% / 4 - 60px);"><a href="https://baimu.live/" target="_blank" class="share-card__item row-4" style="--item-bg-color:#FFB6C1;--item-text-color:#621529;"><div class="share-card__item__img skeleton-image"><img src="https://baimu.live/api/background-image.svg" alt="名称" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="share-card__item__content"><p class="name">名称</p><p class="desc">描述</p></div></a><a href="https://baimu.live/" target="_blank" class="share-card__item row-4" style="--item-bg-color:#CBEAFA;--item-text-color:#6854A1;"><div class="share-card__item__img skeleton-image"><img src="https://baimu.live/api/background-image.svg" alt="名称" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="share-card__item__content"><p class="name">名称</p><p class="desc">描述</p></div></a><a href="https://baimu.live/" target="_blank" class="share-card__item row-4" style="--item-bg-color:#B9D59C;--item-text-color:#3B551F;"><div class="share-card__item__img skeleton-image"><img src="https://baimu.live/api/background-image.svg" alt="名称" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="share-card__item__content"><p class="name">名称</p><p class="desc">描述</p></div></a></div></div><div class="center tk-center-container"><p><em>语法</em>：</p></div><div class="language-yaml vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">yaml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">::</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">shareCard</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">yaml</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">名称</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/api/background-image.svg</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  bgColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#FFB6C1&quot;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  textColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#621529&quot;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">名称</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/api/background-image.svg</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  bgColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#CBEAFA&quot;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  textColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#6854A1&quot;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">名称</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/api/background-image.svg</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  bgColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#B9D59C&quot;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  textColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#3B551F&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">::</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">**</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><div class="center tk-center-container"></div><h2 id="imgcard-图文卡片" tabindex="-1">imgCard 图文卡片 <a class="header-anchor" href="#imgcard-图文卡片" aria-label="Permalink to &quot;imgCard 图文卡片&quot;">​</a></h2><p>图文卡片容器，可用于 <code>项目展示、产品展示</code> 等。</p><p><em>效果</em>：</p><div class="container img-card-container"><div class="img-card index-auto" style="--row-gap:20px;--column-gap:20px;--column-min-width:calc(100% / 4 - 60px);"><a href="https://baimu.live" target="_blank" class="img-card__item row-4" style="--img-height:auto;--img-object-fit:cover;--desc-line-clamp:2;"><div class="img-card__item__img skeleton-image"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="img-card__item__info"><p class="name">标题</p><p class="desc">描述内容描述内容描述内容描述内容</p></div><div class="img-card__item__footer"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg"><span>白木</span></div></a><a href="https://baimu.live" target="_blank" class="img-card__item row-4" style="--img-height:auto;--img-object-fit:cover;--desc-line-clamp:2;"><div class="img-card__item__img skeleton-image"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="img-card__item__info"><p class="name">标题</p><p class="desc">描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容</p></div><div class="img-card__item__footer"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg"><span>白木</span></div></a><a href="https://baimu.live" target="_blank" class="img-card__item row-4" style="--img-height:auto;--img-object-fit:cover;--desc-line-clamp:2;"><div class="img-card__item__img skeleton-image"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="img-card__item__info"><p class="name">标题</p><p class="desc">描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容</p></div><div class="img-card__item__footer"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg"><span>白木</span></div></a><a href="https://baimu.live" target="_blank" class="img-card__item row-4" style="--img-height:auto;--img-object-fit:cover;--desc-line-clamp:2;"><div class="img-card__item__img skeleton-image"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><div class="img-card__item__info"><p class="name">标题</p><p class="desc">描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容</p></div></a></div></div><p><em>语法</em>：</p><div class="language-yaml vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">yaml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">::</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">imgCard</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">yaml</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述内容描述内容描述内容描述内容</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  author</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">白木</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  author</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">白木</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  author</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">白木</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live/blog/bg3.webp</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://baimu.live</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">::</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br></div></div><h3 id="语法配置" tabindex="-1">语法配置 <a class="header-anchor" href="#语法配置" aria-label="Permalink to &quot;语法配置&quot;">​</a></h3><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-kCr_T" id="tab-7BfUzDB" checked><label data-title="基础语法" for="tab-7BfUzDB">基础语法</label><input type="radio" name="group-kCr_T" id="tab-Zu-LBMO"><label data-title="进阶语法" for="tab-Zu-LBMO">进阶语法</label><input type="radio" name="group-kCr_T" id="tab-FQJxy1P"><label data-title="配置项" for="tab-FQJxy1P">配置项</label></div><div class="blocks"><div class="language-markdown vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: imgCard &lt;每行显示数量 | auto&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```yaml</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://abc.jpg</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 图片地址</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://abc.com</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 链接地址</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  author</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">作者名称</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://abc.jpg</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 作者头像，可选</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: imgCard &lt;每行显示数量 | auto&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```yaml</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">config</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  cardNum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 每行显示的卡片数量，默认为 auto，可在容器名字后面添加，如 ::: imgCard 3</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  target</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">_blank</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 跳转方式，默认为 _blank，仅支持 _blank | _self</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  lineClamp</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 显示描述信息的行数，默认为 2</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  cardGap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 每行卡片之间的间隔，默认为 20</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  imgHeight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">auto</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 图片宽度，默认为 auto。仅图文卡片支持该配置项</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  objectFit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">cover</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 设置图片的填充方式，支持 cover | fill | contain | scale-down | none，默认为 cover</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  showCode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">false</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 是否显示代码块，默认为 false</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  - </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://abc.jpg</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 图片地址</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://abc.com</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 链接地址</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    author</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">作者名称</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    avatar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://abc.jpg</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 作者头像，可选</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br></div></div><div class="language-ts vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> declare</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> namespace</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ImgCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Config</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 每行显示的卡片数量</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">auto</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    cardNum</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;auto&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 跳转方式</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">_blank</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    target</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;_blank&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;_self&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 图片宽度</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">auto</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    imgHeight</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 设置图片的填充方式，为 CSS object-it 属性值</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">cover</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    objectFit</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;cover&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;fill&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;contain&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;scale-down&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;none&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 显示描述信息的行数</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 2</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    lineClamp</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 每行卡片之间的间隔</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 20</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    cardGap</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 是否显示代码块</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    showCode</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 图片链接</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    img</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 跳转链接</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    link</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 名称</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 描述</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    desc</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 作者</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    author</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 作者头像</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    avatar</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br></div></div></div></div><ul><li><code>&lt;每行显示数量 | auto&gt;</code><ul><li>当为空或为 <code>auto</code> 时，自动根据文档宽度进行适配</li><li>为数字时，表示每行最多显示多少个，选值范围 <code>1 ~ 4</code>（自带自适应功能：根据屏幕宽度减少每行显示数量）</li></ul></li><li>代码块需指定语言为 <code>yaml</code></li></ul><h2 id="navcard-导航卡片" tabindex="-1">navCard 导航卡片 <a class="header-anchor" href="#navcard-导航卡片" aria-label="Permalink to &quot;navCard 导航卡片&quot;">​</a></h2><p>导航卡片容器，可以用于制作 <code>导航站点</code>。</p><p><em>效果</em>：</p><div class="container nav-card-container"><div class="nav-card index-auto" style="--row-gap:20px;--column-gap:20px;--column-min-width:calc(100% / 4 - 60px);"><a href="http://www.baimu.live/" target="_blank" class="nav-card__item row-4" style="--desc-line-clamp:2;"><div class="nav-card__item__info"><div class="nav-card__item__img skeleton-image"><img src="https://baimu.live/wp-content/uploads/2025/08/Gura%E5%A4%A7%E7%AC%91.jpg" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><span class="name">灵阈研都</span></div><p class="desc">一个存在于未来的城市</p><span class="VPBadge info badge">虚拟构造</span></a><a href="http://www.google.com/" target="_blank" class="nav-card__item row-4" style="--desc-line-clamp:2;"><div class="nav-card__item__info"><div class="nav-card__item__img skeleton-image"><img src="https://ts1.cn.mm.bing.net/th/id/R-C.58c0f536ec073452434270fb559c3f8c?rik=SnOUNtUtPLX6ww&amp;riu=http%3a%2f%2fwww.sz4a.cn%2fPublic%2fUploads%2fimage%2f20230303%2f1677839482835474.png&amp;ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&amp;risl=&amp;pid=ImgRaw&amp;r=0" class="no-preview" onload="this.classList.add(&#39;loaded&#39;)" onerror="this.classList.add(&#39;loaded&#39;)"></div><span class="name">Google</span></div><p class="desc">全球最大的搜索引擎公司</p><span class="VPBadge tip badge">搜索引擎</span></a></div></div><p><em>语法</em>：</p><div class="language-yaml vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">yaml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">::</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">navCard</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">yaml</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">百度</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">http://www.baidu.com/</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://www.baidu.com/favicon.ico</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">搜索引擎</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">Google</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">全球最大的搜索引擎公司</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">http://www.google.com/</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">https://ts1.cn.mm.bing.net/th/id/R-C.58c0f536ec073452434270fb559c3f8c?rik=SnOUNtUtPLX6ww&amp;riu=http%3a%2f%2fwww.sz4a.cn%2fPublic%2fUploads%2fimage%2f20230303%2f1677839482835474.png&amp;ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&amp;risl=&amp;pid=ImgRaw&amp;r=0</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">搜索引擎</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badgeType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">tip</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">::</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br></div></div><h3 id="语法配置-1" tabindex="-1">语法配置 <a class="header-anchor" href="#语法配置-1" aria-label="Permalink to &quot;语法配置&quot;">​</a></h3><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-5CNUw" id="tab-Zlol4mP" checked><label data-title="基础语法" for="tab-Zlol4mP">基础语法</label><input type="radio" name="group-5CNUw" id="tab-u9nzSKN"><label data-title="进阶语法" for="tab-u9nzSKN">进阶语法</label><input type="radio" name="group-5CNUw" id="tab-su0EwGA"><label data-title="配置项" for="tab-su0EwGA">配置项</label></div><div class="blocks"><div class="language-markdown vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: navCard &lt;每行显示数量 | auto&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```yaml</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">- </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">链接地址</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">图片地址</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">徽章内容</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badgeType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">徽章类型</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: imgCard &lt;每行显示数量 | auto&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```yaml</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">config</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  cardNum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 每行显示的卡片数量，默认为 2，可在容器名字后面添加，如 ::: navCard 3</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  target</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">_blank</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 跳转方式，默认为 _blank，仅支持 _blank | _self</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  lineClamp</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 显示描述信息的行数，默认为 2</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  cardGap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 每行卡片之间的间隔，默认为 20</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  showCode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">false</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 是否显示代码块，默认为 false</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  - </span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">标题</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  desc</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">描述</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  link</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">链接地址</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">图片地址</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">徽章内容</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  badgeType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">徽章类型</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # 可选</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br></div></div><div class="language-ts vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> declare</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> namespace</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> NavCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Config</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 每行显示的卡片数量</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">auto</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    cardNum</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;auto&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 跳转方式</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">_blank</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    target</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;_blank&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;_self&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 显示描述信息的行数</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 2</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    lineClamp</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 每行卡片之间的间隔</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 20</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    cardGap</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 是否显示代码块</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    showCode</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 名称</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 描述</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    desc</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 图片链接</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    img</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 跳转链接</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    link</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 右上角徽章</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    badge</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    /**</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * 右上角徽章类型</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     *</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@default</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     */</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">    badgeType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;info&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;tip&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;warning&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;danger&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br></div></div></div></div><ul><li><code>&lt;每行显示数量 | auto&gt;</code><ul><li>当为空或为 <code>auto</code> 时，自动根据文档宽度进行适配</li><li>为数字时，表示每行最多显示多少个，选值范围 <code>1 ~ 4</code>（自带自适应功能：根据屏幕宽度减少每行显示数量）</li></ul></li><li>代码块需指定语言为 <code>yaml</code></li></ul><p><code>Video</code> 容器可以快速嵌入不同平台的视频：</p><ul><li><code>bilibili</code>：Bilibili 视频</li><li><code>tencent</code>：腾讯视频</li><li><code>youku</code>：优酷视频</li><li><code>youtube</code>：YouTube 视频</li><li><code>vimeo</code>：Vimeo 视频</li><li><code>xigua</code>：西瓜视频</li><li>自定义视频链接</li></ul><p>以 <code>bilibili</code> 为例，输出：</p><div class="video-container"><iframe class="video-iframe" loading="lazy" src="https://player.bilibili.com/player.html?bvid=BV11e411m7e8&amp;autoplay=0" title="Bilibili video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen;" allowfullscreen="true"></iframe><p></p></div><p>输入：</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: video bilibili</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">BV11e411m7e8</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><p>自定义视频链接，输出：</p><div class="video-container"><iframe class="video-iframe" loading="lazy" src="https://player.bilibili.com/player.html?bvid=BV11e411m7e8&amp;autoplay=0" title="Custom video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen;" allowfullscreen="true"></iframe><p></p></div><p>语法：</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: video</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">https://player.bilibili.com/player.html?bvid=BV11e411m7e8&amp;autoplay=0</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><h3 id="语法配置-2" tabindex="-1">语法配置 <a class="header-anchor" href="#语法配置-2" aria-label="Permalink to &quot;语法配置&quot;">​</a></h3><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-6rnFQ" id="tab-eyFEeRH" checked><label data-title="多平台" for="tab-eyFEeRH">多平台</label><input type="radio" name="group-6rnFQ" id="tab-iO3xmM2"><label data-title="自定义" for="tab-iO3xmM2">自定义</label></div><div class="blocks"><div class="language-markdown vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: video &lt;视频平台标识&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;视频 ID&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: video</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;自定义视频链接&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div></div></div><h3 id="链接说明" tabindex="-1">链接说明 <a class="header-anchor" href="#链接说明" aria-label="Permalink to &quot;链接说明&quot;">​</a></h3><p>被 <code>[]</code> 包裹的文字，可自定义，被<code>()</code> 包裹的可以自定义链接</p><hr><p>将跳转至根目录下的 首页</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">Home</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">](</span><span style="--shiki-light:#24292E;--shiki-light-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><p>将跳转至 目录文件夹 下的 shiroki</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">foo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">](</span><span style="--shiki-light:#24292E;--shiki-light-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline;">/foo/shiroki</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><p>将跳转到目录 shiroki 文档中的一个标题上（实现精准降落效果</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">foo heading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">](</span><span style="--shiki-light:#24292E;--shiki-light-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline;">/foo/shiroki#heading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><p>将跳转到目录 shiroki 文档中的一个标题上（实现精准降落效果</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">foo heading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">](</span><span style="--shiki-light:#24292E;--shiki-light-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline;">/foo/shiroki#heading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><p>将跳转到某个链接</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-light-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline;">一个链接</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">](</span><span style="--shiki-light:#24292E;--shiki-light-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline;">https://baimu.live/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><hr><h3 id="嵌入网页-视频" tabindex="-1">嵌入网页/视频 <a class="header-anchor" href="#嵌入网页-视频" aria-label="Permalink to &quot;嵌入网页/视频&quot;">​</a></h3><iframe src="https://baimu.live/" width="800" height="450" frameborder="0" allowfullscreen></iframe><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">iframe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://baimu.live/&quot;</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    width</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;800&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    height</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;450&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    frameborder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    allowfullscreen</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">iframe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><h3 id="简单表格方式" tabindex="-1">简单表格方式 <a class="header-anchor" href="#简单表格方式" aria-label="Permalink to &quot;简单表格方式&quot;">​</a></h3><table tabindex="0"><thead><tr><th>名称</th><th style="text-align:center;">属性</th><th style="text-align:right;">得分</th></tr></thead><tbody><tr><td>ar</td><td style="text-align:center;">笨蛋</td><td style="text-align:right;">75</td></tr><tr><td>mina</td><td style="text-align:center;">傻瓜</td><td style="text-align:right;">79</td></tr><tr><td>lizhi</td><td style="text-align:center;">大聪明</td><td style="text-align:right;">92</td></tr></tbody></table><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| 名称  |  属性  | 得分 |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| ----- | :----: | ---: |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| ar    |  笨蛋  |   75 |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| mina  |  傻瓜  |   79 |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| lizhi | 大聪明 |   92 |</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><h3 id="原生表格" tabindex="-1">原生表格 <a class="header-anchor" href="#原生表格" aria-label="Permalink to &quot;原生表格&quot;">​</a></h3><table tabindex="0"><thead><tr><th>名称</th><th>属性</th><th>得分</th></tr></thead><tbody><tr><td>ar</td><td>笨蛋</td><td>75</td></tr><tr><td>mina</td><td>傻瓜</td><td>79</td></tr><tr><td>lizhi</td><td>大聪明</td><td>92</td></tr></tbody></table><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| 名称  | 属性   | 得分 |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| ----- | ------ | ---- |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| ar    | 笨蛋   | 75   |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| mina  | 傻瓜   | 79   |</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">| lizhi | 大聪明 | 92   |</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><hr><h3 id="引用格式" tabindex="-1">引用格式 <a class="header-anchor" href="#引用格式" aria-label="Permalink to &quot;引用格式&quot;">​</a></h3><blockquote><p>请问 Markdown 怎么用？ - 小白</p><blockquote><p>自己看教程！ - 愤青</p><blockquote><p>教程在哪？ - 小白</p></blockquote><p>我也不知道在哪！ - 愤青</p></blockquote><p>那你回答个屁。 - 小白</p></blockquote><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 请问 Markdown 怎么用？ - 小白</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; &gt; 自己看教程！ - 愤青</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; &gt;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; &gt; &gt; 教程在哪？ - 小白</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; &gt;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; &gt; 我也不知道在哪！ - 愤青</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">&gt; 那你回答个屁。 - 小白</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><hr><h4 id="通过-img-标签控制图片宽高" tabindex="-1">通过 img 标签控制图片宽高 <a class="header-anchor" href="#通过-img-标签控制图片宽高" aria-label="Permalink to &quot;通过 img 标签控制图片宽高&quot;">​</a></h4><p><code>height</code>控制高度<br><code>width</code>控制宽度 <img src="https://mu.baimu.live/" height="130" width="195"></p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://mu.baimu.live/&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  height</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;130&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> width</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;195&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><hr><h3 id="一个半角的空格" tabindex="-1">一个半角的空格 <a class="header-anchor" href="#一个半角的空格" aria-label="Permalink to &quot;一个半角的空格&quot;">​</a></h3><p>  和  </p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&amp;ensp;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&amp;#8194;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><h3 id="一个全角的空格" tabindex="-1">一个全角的空格 <a class="header-anchor" href="#一个全角的空格" aria-label="Permalink to &quot;一个全角的空格&quot;">​</a></h3><p>  和  ，可以反复使用，实现多次空格</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&amp;emsp;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&amp;#8195;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h3 id="不断行的空白格-间隔很小的" tabindex="-1">不断行的空白格（间隔很小的） <a class="header-anchor" href="#不断行的空白格-间隔很小的" aria-label="Permalink to &quot;不断行的空白格（间隔很小的）&quot;">​</a></h3><p>  和  </p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&amp;nbsp;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&amp;#160;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><h3 id="上标、下标-文字缩小靠上-靠下" tabindex="-1">上标、下标（文字缩小靠上/靠下） <a class="header-anchor" href="#上标、下标-文字缩小靠上-靠下" aria-label="Permalink to &quot;上标、下标（文字缩小靠上/靠下）&quot;">​</a></h3><p>上标：我1<sup>你0</sup></p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">我1&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">sup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;你0&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">sup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p>下标：我<sub>他</sub>你</p><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">我&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">sub</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;他&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">sub</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;你</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><h3 id="在md中-内嵌其他md的内容" tabindex="-1">在MD中，内嵌其他MD的内容 <a class="header-anchor" href="#在md中-内嵌其他md的内容" aria-label="Permalink to &quot;在MD中，内嵌其他MD的内容&quot;">​</a></h3><div class="language-markdown vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!--@include: 路径/名称.md--&gt;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!--@include: ./parts/basics.md--&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">// 指定范围 第三行 {3,}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!--@include: ./parts/basics.md{3,}--&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><hr><h3 id="多个代码块进行分组" tabindex="-1">多个代码块进行分组 <a class="header-anchor" href="#多个代码块进行分组" aria-label="Permalink to &quot;多个代码块进行分组&quot;">​</a></h3><p>使用 <span class="VPBadge danger"><!--[-->code-group<!--]--></span> 进行封装，在 <span class="VPBadge danger"><!--[-->code-group<!--]--></span> 里面 包含多组 <span class="VPBadge danger"><!--[-->```<!--]--></span> ，实现多组代码进行分组。 <strong><em>这里无法进行展示效果，因为无法再用 <span class="VPBadge danger"><!--[-->```<!--]--></span> 进行封装，会直接乱码</em></strong></p><p>封装专用符<span class="VPBadge danger"><!--[-->:::<!--]--></span>+<span class="VPBadge danger"><!--[-->code-group<!--]--></span></p><p>代码专用符<span class="VPBadge danger"><!--[-->```<!--]--></span></p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-BLnXP" id="tab-XpN48f5" checked><label data-title="config.js" for="tab-XpN48f5">config.js</label><input type="radio" name="group-BLnXP" id="tab-puWpcKH"><label data-title="config.ts" for="tab-puWpcKH">config.ts</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">代码;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-ts vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">代码;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div><div class="language-js vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: code</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">group</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">分组代码封装 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 专用</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><div class="language-示例 vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">示例</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>::: code-group</span></span>
<span class="line"><span></span></span>
<span class="line"><span>```分组1</span></span>
<span class="line"><span>输入代码</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br></div></div><div class="language-分组2 vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">分组2</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>输入代码</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-分组3 vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">分组3</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>输入代码</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p>:::</p><div class="language- vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span></span></span>
<span class="line"><span>---</span></span>
<span class="line"><span></span></span>
<span class="line"><span>### 代码行号从 2 开始，并高亮</span></span>
<span class="line"><span></span></span>
<span class="line"><span>```ts:line-numbers=2 {1}</span></span>
<span class="line"><span></span></span>
<span class="line"><span>const line3 = &#39;This is line 3&#39;</span></span>
<span class="line"><span>const line4 = &#39;This is line 4&#39;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><div class="language-ts vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line highlighted"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">```ts:line-numbers=2 {1}</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">// 行号从 2 开始</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">const line3 = &#39;This is line 3&#39;</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">const line4 = &#39;This is line 4&#39;</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">```</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">一段阻止乱码的文字，复制后记得删除哦</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><hr><h3 id="高亮错误和警告" tabindex="-1">高亮错误和警告 <a class="header-anchor" href="#高亮错误和警告" aria-label="Permalink to &quot;高亮错误和警告&quot;">​</a></h3><div class="language-js vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark has-diff has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
<span class="line diff remove"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line diff add highlighted error"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span></span>
<span class="line highlighted warning"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    };</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><div class="language-示例 vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">示例</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>export default {</span></span>
<span class="line"><span>  data () { // [!code --]</span></span>
<span class="line"><span>    return { // [!code ++]</span></span>
<span class="line"><span>      msg: &#39;Error&#39;, // [!code error]</span></span>
<span class="line"><span>      msg: &#39;Warning&#39; // [!code warning]</span></span>
<span class="line"><span>    }</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><p><strong><em>记得删掉文字哦~这里因为会乱码，所以加了文字在前面</em></strong></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">红色 // [!code error]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">黄色 // [!code warning]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">红色 // [!code --]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">绿色 // [!code ++]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><h3 id="聚焦代码" tabindex="-1">聚焦代码 <a class="header-anchor" href="#聚焦代码" aria-label="Permalink to &quot;聚焦代码&quot;">​</a></h3><div class="language-js vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark has-focused-lines vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line has-focus"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Focused!&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    };</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><p>在某一行上添加 注释将聚焦它并模糊代码的其他部分<br><strong><em>记得删掉文字哦~这里因为会乱码，所以加了文字在前面</em></strong></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">聚焦某一行代码01格式 // [!code focus]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p>此外，可以使用 // [!code focus:<span class="VPBadge danger"><!--[-->&lt;lines&gt;<!--]--></span>] 定义要聚焦的行数</p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">聚焦某一行代码02格式 // [!code focus:&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">lines</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><h3 id="高亮某一行代码" tabindex="-1">高亮某一行代码 <a class="header-anchor" href="#高亮某一行代码" aria-label="Permalink to &quot;高亮某一行代码&quot;">​</a></h3><div class="language-js vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line highlighted"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Highlighted!&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    };</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><p><strong><em>记得删掉文字哦~这里因为会乱码，所以加了文字在前面</em></strong></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">高亮代码 // [!code highlight]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><hr><h3 id="实现指定行高亮代码" tabindex="-1">实现指定行高亮代码 <a class="header-anchor" href="#实现指定行高亮代码" aria-label="Permalink to &quot;实现指定行高亮代码&quot;">​</a></h3><p>除了单行之外，还可以指定多个单行、多行，或两者均指定：<br> 多行：例如 <span class="VPBadge tip"><!--[-->{5-8}<!--]--></span> 、<span class="VPBadge warning"><!--[-->{3-10}<!--]--></span>、<span class="VPBadge danger"><!--[-->{10-17}<!--]--></span><br> 多个单行：例如 <span class="VPBadge tip"><!--[-->{4,7,9}<!--]--></span><br> 多行与单行：例如 <span class="VPBadge warning"><!--[-->{4,7-13,16,23-27,40}<!--]--></span><br></p><div class="language-js vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line highlighted"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Highlighted</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> () {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line highlighted"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">`Highlighted!</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">      This line isn&#39;t highlighted,</span></span>
<span class="line highlighted"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">      but this and the next 2 are.`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line highlighted"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      motd: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;VitePress is awesome&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line highlighted"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      lorem: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;ipsum&#39;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div><div class="language-示例 vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">示例</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>```js{1,4,6-8}</span></span>
<span class="line"><span>export default {</span></span>
<span class="line"><span>  data () {</span></span>
<span class="line"><span>    return {</span></span>
<span class="line"><span>      msg: `Highlighted!</span></span>
<span class="line"><span>      This line isn&#39;t highlighted,</span></span>
<span class="line"><span>      but this and the next 2 are.`,</span></span>
<span class="line"><span>      motd: &#39;VitePress is awesome&#39;,</span></span>
<span class="line"><span>      lorem: &#39;ipsum&#39;</span></span>
<span class="line"><span>    }</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span>
<span class="line"><span>``` &lt;一段阻止乱码的文字，复制后记得删除哦&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br></div></div><div class="tip custom-block"><p class="custom-block-title">效果</p><h1 id="一级标题" tabindex="-1">一级标题 <a class="header-anchor" href="#一级标题" aria-label="Permalink to &quot;一级标题&quot;">​</a></h1><h2 id="二级标题-自带顶部分割线" tabindex="-1">二级标题（自带顶部分割线） <a class="header-anchor" href="#二级标题-自带顶部分割线" aria-label="Permalink to &quot;二级标题（自带顶部分割线）&quot;">​</a></h2><h3 id="三级标题" tabindex="-1">三级标题 <a class="header-anchor" href="#三级标题" aria-label="Permalink to &quot;三级标题&quot;">​</a></h3><h4 id="四级标题" tabindex="-1">四级标题 <a class="header-anchor" href="#四级标题" aria-label="Permalink to &quot;四级标题&quot;">​</a></h4><h5 id="五级标题" tabindex="-1">五级标题 <a class="header-anchor" href="#五级标题" aria-label="Permalink to &quot;五级标题&quot;">​</a></h5><h6 id="六级标题" tabindex="-1">六级标题 <a class="header-anchor" href="#六级标题" aria-label="Permalink to &quot;六级标题&quot;">​</a></h6><hr><p><em>Markdown语法</em></p><div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;"># 一级标题</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">## 二级标题（自带顶部分割线）</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">### 三级标题</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">#### 四级标题</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">##### 五级标题</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">###### 六级标题</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div></div><span class="VPBadge danger"><!--[-->鞠躬~<!--]--></span><canvas class="star-background" data-v-6152dd8d></canvas></div></div></main><footer class="VPDocFooter" data-v-af824402 data-v-f151a3bc><!--[--><!--]--><div class="edit-info" data-v-f151a3bc><!----><div class="last-updated" data-v-f151a3bc><p class="VPLastUpdated" data-v-f151a3bc data-v-88be0599>上次更新时间: <time datetime="2025-11-06T12:31:19.000Z" data-v-88be0599></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-f151a3bc><span class="visually-hidden" id="doc-footer-aria-label" data-v-f151a3bc>Pager</span><div class="pager" data-v-f151a3bc><a class="VPLink link pager-link prev" href="/100.VitepressTeek/02.Markdown%E7%9B%B8%E5%85%B3/001.%E8%A1%A8%E6%83%85%E7%AC%A6%E5%8F%B7.html" data-v-f151a3bc><!--[--><span class="desc" data-v-f151a3bc>上一页</span><span class="title" data-v-f151a3bc>emoji 常用表情符号</span><!--]--></a></div><div class="pager" data-v-f151a3bc><a class="VPLink link pager-link next" href="/100.VitepressTeek/02.Markdown%E7%9B%B8%E5%85%B3/MD%E9%80%89%E9%A1%B9%E5%8D%A1%E6%8F%92%E4%BB%B6-%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E.html" data-v-f151a3bc><!--[--><span class="desc" data-v-f151a3bc>下一页</span><span class="title" data-v-f151a3bc>MD文档 - 选项卡插件 - 配置说明</span><!--]--></a></div></nav></footer><!--[--><!--[--><!--[--><!--[--><!--]--><!--[--><!--[--><!--]--><div class="tk-article-update" style=""><div class="tk-article-update__title flx-align-center"><i class="tk-icon edit-icon" style="--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
    <path
      fill="currentColor"
      d="m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112-56.64 98.112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64h-448z"
    ></path>
  </svg></i><a href="/@pages/archivesPage.html" class="hover-color" aria-label="最近更新">最近更新</a></div><ul><!--[--><li class="flx-center"><span class="tk-article-update--num" aria-hidden="true">01</span><div class="tk-article-update__content"><a href="/100.VitepressTeek/Teek美化目录.html" class="flx-1 hover-color sle" aria-label="Teek美化目录"><span class="tk-article-title" aria-label="文档标题"><!----><!--[-->Teek美化目录<!--]--><span class="tk-title-tag tk-title-tag--right tk-title-tag--small" aria-label="原创"><!--[-->原创<!--]--></span></span></a><span class="tk-article-update__content--date">2025-11-11 09:03:09</span></div></li><li class="flx-center"><span class="tk-article-update--num" aria-hidden="true">02</span><div class="tk-article-update__content"><a href="/03.知识库/开发/cnb裸库迁移.html" class="flx-1 hover-color sle" aria-label="cnb裸库迁移"><span class="tk-article-title" aria-label="文档标题"><!----><!--[-->cnb裸库迁移<!--]--><span class="tk-title-tag tk-title-tag--right tk-title-tag--small" aria-label="原创"><!--[-->原创<!--]--></span></span></a><span class="tk-article-update__content--date">2025-11-07 07:40:57</span></div></li><li class="flx-center"><span class="tk-article-update--num" aria-hidden="true">03</span><div class="tk-article-update__content"><a href="/100.VitepressTeek/05.配置-Teek主题/文档封面图片URL加载不同的图片开发说明.html" class="flx-1 hover-color sle" aria-label="「文档封面」加载不同的图片"><span class="tk-article-title" aria-label="文档标题"><!----><!--[-->「文档封面」加载不同的图片<!--]--><span class="tk-title-tag tk-title-tag--right tk-title-tag--small" aria-label="原创"><!--[-->原创<!--]--></span></span></a><span class="tk-article-update__content--date">2025-11-02 23:12:44</span></div></li><li class="flx-center"><span class="tk-article-update--num" aria-hidden="true"></span><div class="tk-article-update__content"><a href="/@pages/archivesPage.html" class="flx-1 hover-color sle" aria-label="更多文章 &gt;"><span class="tk-article-title" aria-label="文档标题"><!----><!--[-->更多文章 &gt;<!--]--><!----></span></a><!----></div></li><!--]--></ul></div><!--[--><!--]--><!--]--><!--[--><!--[--><div id="twikoo"></div><!--]--><div class="tk-article-appreciation tk-article-appreciation--doc-after" aria-label="文档赞赏"><button class="tk-article-appreciation__button" aria-expanded="false" aria-controls="tk-article-appreciation__content" aria-live="polite"><img src="http://mu.baimu.live/a/img/shiroki-logo-600.gif" class="tk-icon tk-article-appreciation__button__icon" style="--icon-size:16px;--icon-color-hover:var(--tk-theme-color);" aria-hidden="true"><span>投喂支持</span></button><!----></div><!--[--><!--]--><!--]--><!----><!--]--><!--]--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div><!--]--></div>
    
    
  </body>
</html>